<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div id="app">
    <img style="height: 500px;width: 500px" v-bind:src="url"><br>
    <a v-bind:href="href">百度一下</a><br>

    <!-- v-bind语法糖（简写） -->
    <a :href="href">百度</a>
</div>


<script src="../../js/vue.js"></script>

<script>
    const vue = new Vue({
        el: "#app",
        data: {
            message: "Hello vue,你好！",
            url: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farchive%2F2844e9d684f" +
                "4a0c254b4cc83c785580c202869c0.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1611752329&t=9017b85109d4ef564d89fc0e0b4600cb",
            href: "http://www.baidu.com"
        }
    });
</script>

</body>
</html>